<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>边框</title>
		<style>
			*{
				margin: 0;
			}
			#d1{
				height: 200px;
				width: 500px;
				/* border: 20px outset red; */
				border: 20px solid yellow;
				border-right:40px dotted green ;
				
				margin: 5px 0 10px 20px;
			}
			#d2{
				height: 400px;
				width: 600px;
				margin: 0 auto;
				border-style: solid;
				border-width: 26px;
				/*上右下左*/
				/* border-color: aqua blue red green; */
				/* border-color: blue red; */
				border-color: blue red deeppink;
				/* border-image: url(../icon/brand5.jpg);
				border-image-repeat: repeat; */
				
			}
		</style>
	</head>
	<body>
		<div id="d1"></div>
		<div id="d2"></div>
		
	</body>
</html>